<template>
	<view class="found-wrap">
		<!-- #ifdef APP-PLUS -->  
		<view class="status_bar">  
			<view class="top_view"></view>  
		</view>  
		<!-- #endif -->
		<view class="flex flex-h flex-wrap tags-box">
			<view class="item" :class="{'active' : (index===0)}" v-for="(item, index) in tags" :key="item.id">{{item.title}}</view>
		</view>
	</view>
</template>

<script>
	import data from '../../../static/data/found.js';
	export default {
		data() {
			return {
				tags: data.tags
			};
		},
		onShow() {
			console.log('found index');
		}
	}
</script>

<style lang="scss">
	.tags-box{
		height: 90upx;
		line-height: 90upx;	
		font-size: 28upx;
		border-bottom: solid 1px #ccc;
		.item{
			position: relative;
			top: 1px;
			padding: 0 35upx;
			height: 100%;
			cursor: pointer;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			&.active{ font-weight: bold; border-bottom: solid 1px $uni-text-color;}
		}
	}
</style>
